<template>
  <div class="about-ws">
    <!-- <h3>导航</h3> -->
    <skyMenu :menuList="menuList" :defaultActive="defaultActive">
      <div slot="logo">
        <img
          width="80"
          src="https://media.giphy.com/media/gilJSOsqBUh5S/giphy.gif"
          alt=""
        />
      </div>
    </skyMenu>
    <div class="content-ws">
      <skyNewsDetail :detailData="detailData" @download="downloadFile">
        <div slot="other">
          <div>-----这里可以自定义----</div>
        </div>
      </skyNewsDetail>
    </div>

    <!-- 底部 -->
    <skyFooter :footerData="footerData">
      <div
        slot="footerItem"
        v-for="(footer, index) in footerData.menuList"
        :key="index"
        style="margin-right: 20px"
      >
        <h3>{{ footer.name }}</h3>
        <div v-for="(f, i) in footer.children" :key="i">{{ f.name }}</div>
      </div>
      <div slot="right" style="margin-top: 30px">
        <img
          width="100"
          src="https://img.zcool.cn/community/015cd358fac8b6a8012160f7331805.gif"
          alt=""
        />
      </div>
    </skyFooter>
  </div>
</template>
<script>
export default {
  name: "About-us",
  data() {
    return {
      defaultActive: 1,
      menuList: [
        {
          name: "首页",
          path: "/home",
        },
        {
          name: "主要产品",
          path: "/about",
        },
        {
          name: "新闻动态",
          path: "/about",
        },
        {
          name: "关于我们",
          path: "",
          children: [
            {
              name: "联系我们",
              path: "/about",
            },
          ],
        },
      ],
      detailData: {
        title: "这是标题",
        cover:
          "http://demo.erdangjiade.com/modals/45/4573/demo/Public/home/images/1496750084.jpg",
        content:
          "<p>钟南山院士谈奥密克戎# 传染性极强，致病率减弱 中华医学会呼吸病学年会-2022（第二十三次全国呼吸病学学术会议）于12月8——11日在线上召开。12月8日晚，钟南山院士在开幕式上...</p><img src='https://img30.360buyimg.com/sku/jfs/t1/212322/21/22065/321160/63465434E1b5ce82f/0912bd5cd9f93f6e.jpg'",
        time: "2022-12-09",
        files: [
          {
            name: "这是附件1",
            url: "",
          },
        ],
      },
      footerData: {
        address: "江苏省连云港市花果山大道17号 科技创业城2号楼17F，222006",
        phone: "0518-85509509",
        fax: "0518-85523376",
        friendList: [{ name: "百度一下", url: "www.baidu.com" }],
        menuList: [
          {
            name: "关于我们",
            path: "",
            children: [
              {
                name: "联系我们",
                path: "/about",
              },
              {
                name: "招贤纳士",
                path: "/about",
              },
            ],
          },
          {
            name: "关于我们2",
            path: "",
            children: [
              {
                name: "联系我们",
                path: "/about",
              },
              {
                name: "招贤纳士",
                path: "/about",
              },
            ],
          },
        ],
      },
    };
  },
  methods: {
    downloadFile(item) {
      console.log(item);
    },
  },
};
</script>

<style lang="less" scoped>
.content-ws {
  padding: 100px;
  min-height: 572px;
}
</style>